<div #pdfDetailContainer class="container" style="height: 100%" (scroll)="test($event)">
  <div #pageContainer *ngFor="let page of pagesList" :key="page"
    style="border-bottom: 1px solid #DFDFDF;position: relative;"
     [ngStyle]="{'height': pageHeight+'px'}" >
    <canvas *ngIf="renderList.includes(page)"></canvas>
    <canvas *ngIf="renderList.includes(page)" class="drawBoard" style="position: absolute;top: 0px;left: 0px;"
      [ngStyle]="[{'height': pageHeight + 'px'},{'width': pageWidth + 'px'}]" (mousedown)="canvasDown($event, page)"
      (mouseup)="canvasUp($event, page)" ng-mousemove="canvasMove($event, page)" (touchstart)="canvasDown($event, page)"
      (touchend)="canvasUp($event, page)" (mousemove)="canvasMove($event, page)"
      (dblclick)="dbClick($event, page)"></canvas>
  </div>
</div>